<template>
  <div>
    <el-descriptions
      :title="row.eduTeaching.classAlias"
      :column="2"
      size="medium"
      border
    >
      <el-descriptions-item
        label="标题"
        label-class-name="my-label"
        content-class-name="my-content-homewrok"
        >{{ row.title }}</el-descriptions-item
      >
      <el-descriptions-item label="创建时间">
        {{ row.createTime }}
      </el-descriptions-item>
      <el-descriptions-item label="班级人数">
        {{ row.totalNum }}
      </el-descriptions-item>
      <el-descriptions-item label="完成人数">
        {{ row.submitNum }}
      </el-descriptions-item>
    </el-descriptions>
    <AnswerList :row="row" />
    <CheckAnswer />
  </div>
</template>
<script>
export default {
  components: {
    AnswerList: () => import('./AnswerList.vue'),
    CheckAnswer: () => import('./CheckAnswer.vue'),
  },
  props: ['row'],
}
</script>
<style >
.my-content-homewrok {
  width: 40%;
}
</style>